<template>
  <div>
    <DocHeader :title="data.title" :diagnosis="true"></DocHeader>
    <div class="docMain">
      <div>拔管原因：</div>
      <div class="list">
        <div class="item">
          <span>1、</span>
          <span>导管留置时间已经超过1年，并有相应的不适症状。</span>
        </div>
        <div class="item">
          <span>2、</span>
          <span>导管外露部分有劈裂，继续留在体内对患者有风险。</span>
        </div>
        <div class="item">
          <span>3、</span>
          <span>导管滑脱太多，无法继续使用。</span>
        </div>
        <div class="item">
          <span>4、</span>
          <span>导管有堵塞，不能继续使用。</span>
        </div>
        <div class="item">
          <span>5、</span>
          <span>
            患者对导管或敷料不耐受，如发生严重静脉炎、严重皮肤过敏等。
          </span>
        </div>
        <div class="item">
          <span>6、</span>
          <span>治疗已结束或终止，不再需要继续留置导管。</span>
        </div>
      </div>
      <div>拔管可能出现以下情况：</div>
      <div class="list">
        <div class="item">
          <span>1、</span>
          <span>拔管不畅</span>
        </div>
        <div class="item">
          <span>2、</span>
          <span>出血</span>
        </div>
        <div class="item">
          <span>3、</span>
          <span>血肿</span>
        </div>
        <div class="item">
          <span>4、</span>
          <span>栓塞</span>
        </div>
      </div>
      <div>注意事项：</div>
      <div class="list">
        <div class="item">
          <span>1、</span>
          <span>拔管后需要按压穿刺点并留观20分钟。</span>
        </div>
        <div class="item">
          <span>2、</span>
          <span>24小时内不能撕去透明贴膜，否则有空气栓塞危险。</span>
        </div>
        <div class="item">
          <span>3、</span>
          <span>3天内穿刺点不可接触水，避免感染的风险</span>
        </div>
      </div>
      <div>
        患者已经充分理解拔管原因、可能的风险以及注意事项，愿意拔除PICC导管。
      </div>
      <div class="flexBox sign">
        <div class="patient">患者或家属签名：</div>
        <div class="nurse">操作护士签名：</div>
        <div class="time">签字时间：</div>
      </div>
    </div>
  </div>
</template>

<script>
import { defineComponent } from 'vue'

import DocHeader from '../DocHeader.vue'

export default defineComponent({
  components: {
    DocHeader
  },
  props: {
    data: {
      type: Object,
      default: () => ({})
    }
  },
  setup() {
    return {}
  }
})
</script>

<style lang="scss" scoped>
.docMain {
  line-height: 2em;
  margin-top: 10px;
}

.textIndent2 {
  text-indent: 2em;
}

.flexBox {
  display: flex;
}

.list {
  padding-left: 60px;

  .item {
    span {
      &:first-child {
        margin-right: 30px;
      }
    }
  }
}

.sign {
  flex-flow: column nowrap;
  align-items: flex-end;
  margin-top: 80px;

  & > div {
    width: 50%;
  }

  .nurse {
    margin-top: 20px;
  }

  .time {
    margin-top: 20px;
    padding-left: 60px;
  }
}
</style>
